import axios from 'axios'
import { Message } from 'element-ui'
import { getTimeStamp } from '@/utils/auth'
import store from '@/store'
import router from '@/router'
// 设置超时时间
const TimeOut = 3600 // 定义超时时间
const service = axios.create({
// 当执行npm run dev时候，执行.env.development  api代理
  baseURL: process.env.VUE_APP_BASE_API,
  //   npm run dev 执行的是/api  build时候执行 /prod-api
  // 设置超时时间
  timeout: 5000
})
// 请求拦截器
service.interceptors.request.use(config => {
  // config是请求的配置信息
  if (store.getters.token) {
    // 在有token情况下，去检查时间戳是否超时
    if (IsCheckTimeOut()) {
      // 为true表示过期了
      store.dispatch('user/logout') // 退出操作
      // 跳转到登陆页面
      router.push('/login')
      return Promise.reject(new Error('token超时了'))
    }
    // 因为请求都要添加参数，以及token，所有在请求拦截都给注入token
    config.headers['Authorization'] = `Bearer ${store.getters.token}`
  }
  // 必须返回配置
  return config
}, error => {
  return Promise.reject(error)
})
// 响应拦截器
service.interceptors.response.use(response => {
  // axios默认加了一层data
//   结构出来后端返回的数据
  const { success, message, data } = response.data
  // 根据success决定下面的操作
  if (success) {
    return data
  } else {
    // 提示错误信息
    Message.error(message)
    return Promise.reject(new Error(message))
  }
}, error => {
  // 后端返回token失效被动处理
  if (error && error.response && error.response.data.code === 10002) {
    store.dispatch('user/logout') // 调出登陆action
    router.push('/login')
    return Promise.reject(new Error('超时了'))
  } else {
    // 提示失败
    Message.error(error.message) // 提示错误信息
  }
  return Promise.reject(error) // 返回执行错误，让当前的执行跳出成功进入catch
})

// 定义一个方法是否超时  当前时间-缓存中的时间   是否大于时间差
function IsCheckTimeOut() {
  var currentTime = Date.now() // 当前时间
  var timeStamp = getTimeStamp() // 获取缓存中的时间
  // 时间戳为毫秒单位
  return (currentTime - timeStamp) / 1000 > TimeOut
}
// 返回拦截器
export default service
